<template>
	<!-- 文本数据示例 -->
	<input type="text" v-model="element.text">
	
	<!-- 图片数据示例 -->
	<!-- emit('selectImg','img') 向上传递需要选择图片的组件名称，img可以自定义，需要跟第一步，图片上传成功后的配置 case pickImg.name 一致 -->
	<el-image @click="emit('selectImg','img')" :src="config.qnUrl + element.img" fit="scale-down" lazy/>
</template>

<script setup>
	import publicJS from "@/hook/public.js";
	const {config,defaultImg} = publicJS();
	
	const emit = defineEmits(["selectImg"]);//自定义事件
	const props = defineProps({
		element: {
			type:Object,
			default:()=>{
				return {}
			}
		}
	})
	
	//组件数据结构
	const formData = {
		text: '',
	}
	
	//暴露方法给父组件 通过ref.value调用
	defineExpose({
		formData
	})
</script>

<style scoped lang="scss">
	
</style>